import { createIcon } from "@chakra-ui/icons";
import React from "react";

export default createIcon({
  displayName: "WarningIcon",
  viewBox: "0 0 48 48",
  defaultProps: {
    width: "50px",
    height: "50px",
  },
  path: (
    <svg
      width="48"
      height="48"
      viewBox="0 0 48 48"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect width="48" height="48" rx="24" fill="#FBD38D" />
      <g clipPath="url(#clip0_3681_20904)">
        <g clipPath="url(#clip1_3681_20904)">
          <path
            d="M23.9999 28.0625C23.4823 28.0625 23.0976 28.482 23.0976 29C23.0976 29.5176 23.5175 29.9375 23.9999 29.9375C24.5175 29.9375 24.9023 29.5176 24.9023 29C24.9374 28.4805 24.5195 28.0625 23.9999 28.0625ZM23.9999 26.5C24.3454 26.5 24.5898 26.2205 24.5898 25.875V20.25C24.5898 19.9045 24.3103 19.625 23.9999 19.625C23.6896 19.625 23.3749 19.9062 23.3749 20.25V25.875C23.3749 26.2188 23.6562 26.5 23.9999 26.5ZM33.6991 29.5195L25.8945 16.3195C25.4999 15.6512 24.789 15.2512 23.9999 15.25C23.2109 15.25 22.5038 15.6492 22.1054 16.3188L14.2968 29.5219C13.9042 30.1848 13.8984 30.9805 14.2803 31.6508C14.6753 32.3398 15.3886 32.75 16.1913 32.75H31.8124C32.6136 32.75 33.3261 32.3387 33.7191 31.6496C34.1015 30.9805 34.0937 30.1836 33.6991 29.5195ZM32.5976 30.9961C32.4648 31.3242 32.1562 31.5 31.7773 31.5H16.1913C15.8434 31.5 15.5359 31.3248 15.3679 31.0312C15.2086 30.7517 15.2111 30.4336 15.374 30.1578L23.1835 16.9555C23.3515 16.6703 23.6562 16.5 23.9999 16.5C23.9999 16.5 23.9993 16.5 23.9999 16.5C24.3423 16.5006 24.6468 16.6703 24.8148 16.9547L32.6234 30.1578C32.7538 30.4336 32.7929 30.75 32.5976 30.9961Z"
            fill="#9C4221"
          />
        </g>
      </g>
      <defs>
        <clipPath id="clip0_3681_20904">
          <rect
            width="24"
            height="24"
            fill="white"
            transform="translate(12 12)"
          />
        </clipPath>
        <clipPath id="clip1_3681_20904">
          <rect
            width="20"
            height="20"
            fill="white"
            transform="translate(14 14)"
          />
        </clipPath>
      </defs>
    </svg>
  ),
});
